<template>
  <div class="shopCart">
    <!-- 头部 -->
    <shop-cart-header></shop-cart-header>

    <!-- 列表 -->
    <shop-cart-list></shop-cart-list>

    <shop-cart-bottom-bar></shop-cart-bottom-bar>

     <!-- 页面底部的小图标 -->
    <shop-cart-main-tabbar></shop-cart-main-tabbar>
  </div>
</template>

<script>
import ShopCartMainTabbar from 'components/content/mainTabbar/MainTabbar'
import ShopCartBottomBar from './components/cartBottomBar'
import ShopCartList from './components/list'
import ShopCartHeader from './components/header'
export default {
  name: 'ShopCart',
  components: {
    ShopCartMainTabbar,
    ShopCartHeader,
    ShopCartList,
    ShopCartBottomBar
  }
}
</script>

<style lang="less" scoped>
.shopCart {
  height: 100vh;
}
</style>
